👀 Reading hidden code
using Plots
👀 Reading hidden code
using PlutoUI
👀 Reading hidden code
using Hyperscript
👀 Reading hidden code
👀 Reading hidden code
div = m("div")
randid (generic function with 1 method)👀 Reading hidden code
randid() = String(rand(('a':'z') ∪ ('A':'Z'), 12))
clicktracker_js (generic function with 1 method)👀 Reading hidden code
clicktracker_js(id) = """
const graph = container.firstElementChild
const onclick = (e) => {
const svgrect = graph.getBoundingClientRect()
container.value = [
(e.clientX - svgrect.left) / svgrect.width,
(e.clientY - svgrect.top) / svgrect.height
]
container.dispatchEvent(new CustomEvent("input"), {})
}
graph.addEventListener("click", onclick)
invalidation.then(() => {
graph.removeEventListener("click", onclick)
})
"""
clicktracker (generic function with 1 method)clicktracker(x) = let
id = randid()
div(id=id, x, script(clicktracker_js(id)))
end
👀 Reading hidden code
@bind qq clicktracker(p)
👀 Reading hidden code
Another cell defining physical_coords contains errors.
let
p = plot(1:10)
scatter!(p, plot_coords[1:1], plot_coords[2:2])
end
👀 Reading hidden code
MethodError: no method matching *(::Missing, ::Measures.AbsoluteLength)
Closest candidates are:
*(::Any, ::Any, ::Any, ::Any...) at /opt/hostedtoolcache/julia/1.7.3/x64/share/julia/base/operators.jl:655
*(::ChainRulesCore.AbstractThunk, ::Any) at ~/.julia/packages/ChainRulesCore/U6wNx/src/tangent_arithmetic.jl:125
*(::Number, ::Measures.Measure) at ~/.julia/packages/Measures/PKOxJ/src/operations.jl:48
...
Here is what happened, the most recent locations are first:
- _broadcast_getindex_evalffrom broadcast.jl:670
- _broadcast_getindexfrom broadcast.jl:643
- (::Base.Broadcast.var"#29#30"{Base.Broadcast.Broadcasted{Base.Broadcast.Style{Tuple}, Nothing, typeof(*), Tuple{Base.RefValue{Missing}, Tuple{Measures.AbsoluteLength, Measures.AbsoluteLength}}}})
(k::Int64) from broadcast.jl:1075 - ntuplefrom ntuple.jl:49
- copyfrom broadcast.jl:1075
- materialize
(bc::Base.Broadcast.Broadcasted{Base.Broadcast.Style{Tuple}, Nothing, typeof(*), Tuple{Base.RefValue{Missing}, Tuple{Measures.AbsoluteLength, Measures.AbsoluteLength}}}) from broadcast.jl:860 - image_coord_to_plot_coord
(x::Missing, plt::Plots.Plot{Plots.GRBackend}) from Other cell: line 10small = plotarea(p[1])physical_coords = x .* big.afractional_plot_coords = (physical_coords .- small.x0) ./ small.aplot_coords = let - Show more...
Oh no! 🙀
image_coord_to_plot_coord(qq, p)
👀 Reading hidden code
👀 Reading hidden code
image_coord_to_plot_coord (generic function with 1 method)function image_coord_to_plot_coord(x, plt::Plots.Plot)
if length(plt) != 1
error("This does not work with subplots yet")
end
big = bbox(p.layout)
small = plotarea(p[1])
physical_coords = x .* big.a
fractional_plot_coords = (physical_coords .- small.x0) ./ small.a
plot_coords = let
xl = xlims(plt)
yl = ylims(plt)
[
fractional_plot_coords[1] * (xl[2] - xl[1]) + xl[1],
(1.0 - fractional_plot_coords[2]) * (yl[2] - yl[1]) + yl[1],
]
end
plot_coords
end
👀 Reading hidden code
missingqq
👀 Reading hidden code
MethodError: no method matching *(::Missing, ::Measures.AbsoluteLength)
Closest candidates are:
*(::Any, ::Any, ::Any, ::Any...) at /opt/hostedtoolcache/julia/1.7.3/x64/share/julia/base/operators.jl:655
*(::ChainRulesCore.AbstractThunk, ::Any) at ~/.julia/packages/ChainRulesCore/U6wNx/src/tangent_arithmetic.jl:125
*(::Number, ::Measures.Measure) at ~/.julia/packages/Measures/PKOxJ/src/operations.jl:48
...
Here is what happened, the most recent locations are first:
- _broadcast_getindex_evalffrom broadcast.jl:670
- _broadcast_getindexfrom broadcast.jl:643
- (::Base.Broadcast.var"#29#30"{Base.Broadcast.Broadcasted{Base.Broadcast.Style{Tuple}, Nothing, typeof(*), Tuple{Base.RefValue{Missing}, Tuple{Measures.AbsoluteLength, Measures.AbsoluteLength}}}})
(k::Int64) from broadcast.jl:1075 - ntuplefrom ntuple.jl:49
- copyfrom broadcast.jl:1075
- materializefrom broadcast.jl:860
- from This cell: line 1
physical_coords = qq .* big.a
Computers are hard!
physical_coords = qq .* big.a
👀 Reading hidden code
Another cell defining physical_coords contains errors.
fractional_plot_coords = (physical_coords .- small.x0) ./ small.a
👀 Reading hidden code
Another cell defining physical_coords contains errors.
plot_coords = let
xl = xlims(p)
yl = ylims(p)
[
fractional_plot_coords[1] * (xl[2] - xl[1]) + xl[1],
(1.0 - fractional_plot_coords[2]) * (yl[2] - yl[1]) + yl[1],
]
end
👀 Reading hidden code
0.73
10.27
ylims(p)
👀 Reading hidden code
140.576mm
91.3894mm
small.a
👀 Reading hidden code
8.82392mm
3.0mm
small.x0
👀 Reading hidden code
p = plot(1:10)
👀 Reading hidden code
Plots.GridLayout(1, 1)p.layout
👀 Reading hidden code
BBox{l,t,r,b,w,h = 0.0mm,0.0mm, 152.4mm,101.6mm, 152.4mm,101.6mm}big = bbox(p.layout)
👀 Reading hidden code
152.4mm
101.6mm
big.a
👀 Reading hidden code
0.0mm
0.0mm
big.x0
👀 Reading hidden code
Subplot{1}p[1]
👀 Reading hidden code
BBox{l,t,r,b,w,h = 8.8239244474213mm,3.0mm, 149.4mm,94.38944mm, 140.57607555257871mm,91.38944mm}small = plotarea(p[1])
👀 Reading hidden code
140.576mm
91.3894mm
small.a
👀 Reading hidden code
using Plots.Measures
👀 Reading hidden code
1.0mm1mm
👀 Reading hidden code
begin
struct BondDefault
element
default
end
Base.show(io::IO, m::MIME"text/html", bd::BondDefault) = Base.show(io, m, bd.element)
Base.get(bd::BondDefault) = bd.default
end
👀 Reading hidden code
let
if !@isdefined(x0_img_coords)
global x0_img_coords = [0,0]
end
p = plot(1:10)
x0 = image_coord_to_plot_coord(x0_img_coords, p)
scatter!(p, x0[1:1], x0[2:2])
@bind x0_img_coords BondDefault(clicktracker(p), x0_img_coords)
end
👀 Reading hidden code
Scaling directly inside JS
👀 Reading hidden code
syntax: unexpected "="
((x * big.a[1] - small.x0[1]) / small.a[1]) * (xl[2] - xl[1]) + xl[1]
=
x * (big.a[1] / small.a[1]) * (xl[2] - xl[1]) + xl[1] - (xl[2] - xl[1]) * small.x0[1] / small.a[1]
👀 Reading hidden code
MethodError: no method matching getindex(::Missing, ::Int64)
Here is what happened, the most recent locations are first:
[qq[1] * r.x_scale + r.x_offset, qq[2] * r.y_scale + r.y_offset]
👀 Reading hidden code
0.131177
10.3424
10.5832
-10.6059
r = let
xl = xlims(p)
yl = ylims(p)
(
x_offset = xl[1] - (xl[2] - xl[1]) * small.x0[1] / small.a[1],
x_scale = (big.a[1] / small.a[1]) * (xl[2] - xl[1]),
y_offset = (yl[2] - yl[1]) + (small.x0[2] / small.a[2]) * (yl[2] - yl[1]) + yl[1],
y_scale = -(big.a[2]/ small.a[2]) * (yl[2] - yl[1])
)
end
👀 Reading hidden code
syntax: unexpected "="
(1.0 - (y * big.a[2] - small.x0[2]) / small.a[2]) * (yl[2] - yl[1]) + yl[1]
=
(1.0 - (y * big.a[2]/ small.a[2] - small.x0[2] / small.a[2]))
* (yl[2] - yl[1])
+ yl[1]
=
(yl[2] - yl[1]) -
(y * big.a[2]/ small.a[2] - small.x0[2] / small.a[2])
* (yl[2] - yl[1])
+ yl[1]
=
(yl[2] - yl[1]) +
-(y * big.a[2]/ small.a[2])
* (yl[2] - yl[1])
+
(small.x0[2] / small.a[2])
* (yl[2] - yl[1])
+ yl[1]
👀 Reading hidden code
plotclicktracker_js (generic function with 1 method)plotclicktracker_js(id, r) = """
const container = document.querySelector("#$(id)")
const graph = container.firstElementChild
const onclick = (e) => {
const svgrect = graph.getBoundingClientRect()
const f = [
(e.clientX - svgrect.left) / svgrect.width,
(e.clientY - svgrect.top) / svgrect.height
]
container.value = [
f[0] * $(r.x_scale) + $(r.x_offset),
f[1] * $(r.y_scale) + $(r.y_offset),
]
console.log(container.value)
container.dispatchEvent(new CustomEvent("input"), {})
}
graph.addEventListener("click", onclick)
invalidation.then(() => {
graph.removeEventListener("click", onclick)
})
"""
👀 Reading hidden code
plotclicktracker (generic function with 1 method)plotclicktracker(p::Plots.Plot) = let
id = randid()
# we need to render the plot before its dimensions are available:
plot_render = repr(MIME"text/html"(), p)
big = bbox(p.layout)
small = plotarea(p[1])
xl = xlims(p)
yl = ylims(p)
r = (
x_offset = xl[1] - (xl[2] - xl[1]) * small.x0[1] / small.a[1],
x_scale = (big.a[1] / small.a[1]) * (xl[2] - xl[1]),
y_offset = (yl[2] - yl[1]) + (small.x0[2] / small.a[2]) * (yl[2] - yl[1]) + yl[1],
y_scale = -(big.a[2]/ small.a[2]) * (yl[2] - yl[1])
)
@info r xl yl big small
div(id=id, HTML(plot_render), script(plotclicktracker_js(id, r)))
end
👀 Reading hidden code
missingrar
👀 Reading hidden code
@bind rar plotclicktracker(p)
👀 Reading hidden code
0.131177
10.3424
10.5832
-10.6059
0.73
10.27
0.73
10.27
BBox{l,t,r,b,w,h = 0.0mm,0.0mm, 152.4mm,101.6mm, 152.4mm,101.6mm}BBox{l,t,r,b,w,h = 8.8239244474213mm,3.0mm, 149.4mm,94.38944mm, 140.57607555257871mm,91.38944mm}let
# STEP 1: replace q0 with your variable name in 5 places
if !@isdefined(q0)
# STEP 2: set the initial 'click' location:
global q0 = [5,5]
end
# STEP 3: in another cell, write a function that takes the click position as
# argument returning a plot. REPLACE `hello` with the name of your function.
p = linepoint(q0)
@bind q0 BondDefault(plotclicktracker(p), q0)
end
👀 Reading hidden code
0.131177
10.3424
10.5832
-10.6059
0.73
10.27
0.73
10.27
BBox{l,t,r,b,w,h = 0.0mm,0.0mm, 152.4mm,101.6mm, 152.4mm,101.6mm}BBox{l,t,r,b,w,h = 8.8239244474213mm,3.0mm, 149.4mm,94.38944mm, 140.57607555257871mm,91.38944mm}linepoint (generic function with 1 method)function linepoint(q0)
p = plot(1:10)
scatter!(p, q0[1:1], q0[2:2])
end
👀 Reading hidden code
UndefVarError: COOL_PLOT not defined
Here is what happened, the most recent locations are first:
let
# STEP 1: REPLACE 👀👀👀 with your variable name in 5 places (double click)
if !@isdefined( 👀👀👀 )
# STEP 2: set the initial 'click' location:
global 👀👀👀 = [5,5]
end
# STEP 3: in another cell, write a function that takes the click position as
# argument returning a plot. REPLACE `COOL_PLOT` with the name of your function.
p = COOL_PLOT( 👀👀👀 )
@bind 👀👀👀 BondDefault(plotclicktracker(p), 👀👀👀 )
end
👀 Reading hidden code